当前位置：首页 > 脚本编程 > CSS/HTML >

html area标签怎么用

来源:网络整理作者: 发布时间:2020-12-20 18:50

html area标签用于带有可点击区域的图像映射，area元素总是嵌套在map标签中。img标签中的usemap属性与map元素name属性相关...

html area标签用于带有可点击区域的图像映射，area元素总是嵌套在<map>标签中。<img>标签中的usemap属性与map元素name属性相关联，创建图像与映射之间的联系。

html area标签怎么用

html area标签怎么用？

作用：带有可点击区域的图像映射

说明：

<img> 中的 usemap 属性可引用 <map> 中的 id 或 name 属性（由浏览器决定），所以我们需要同时向 <map> 添加 id 和 name 两个属性。

注释：

<area> 标签定义图像映射中的区域（注：图像映射指得是带有可点击区域的图像）。area 元素总是嵌套在 <map> 标签中。<img> 标签中的 usemap 属性与 map 元素 name 属性相关联，创建图像与映射之间的联系。

html area标签示例

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <img src=https://www.ym97.com/"http:/www.ym97.com/tpl/Index/Static/img/banner7.jpg" border="0" usemap="#studymap" alt="study" /> <map name="studymap" id="studymap"> <area shape="circle" coords="180,139,14" href =https://www.ym97.com/"http:/www.ym97.com" /> <area shape="circle" coords="129,161,10" href =https://www.ym97.com/"http:/www.ym97.com" /> <area shape="rect" coords="0,0,110,260" href =https://www.ym97.com/"http:/www.ym97.com" /> </map> </body> </html>

以上就是html area标签怎么用的详细内容，更多请关注php中文网其它相关文章！

相关热词： HTML 标签

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/6219.shtml

上一篇：html applet标签怎么用

下一篇：bootstrap-vue是什么

④格式标签粗体：b/b 斜体：	我们直接看代码： !DOCTYPE htm
假设我们的HTML代码如下： ul	我们尝试一下更新一下HTML结构
微软IE9平台预览版完整支持H	IE9正式版无论从性能提升还是
HTML5 学习总结（四）canvas绘图	canvas与html5实现视频截图成果
html5 canvas常用api总结(二)画图	优化转动的小能力：利用CSS
.plate { position: absolute; top: 50	可以加我的HTML5前端交流群11
我们先来看一下实现效果：	html利用什么来描写网页？
html标签是所有其他HTML元素（	那么子元素也是10px 3、第三种